{extend name="public/base" /}
{block name='body'}
<div class="layui-container fly-marginTop fly-user-main">
    <ul class="layui-nav layui-nav-tree layui-inline">
        <li class="layui-nav-item">
            <a href="{:url('user/home')}">
                <i class="layui-icon">&#xe609;</i>
                我的主页
            </a>
        </li>
        <li class="layui-nav-item">
            <a href="{:url('user/user')}">
                <i class="layui-icon">&#xe612;</i>
                用户中心
            </a>
        </li>
        <li class="layui-nav-item layui-this">
            <a href="{:url('user/set')}">
                <i class="layui-icon">&#xe620;</i>
                基本设置
            </a>
        </li>

    </ul>

    <div class="site-tree-mobile layui-hide">
        <i class="layui-icon">&#xe602;</i>
    </div>
    <div class="site-mobile-shade"></div>

    <div class="site-tree-mobile layui-hide">
        <i class="layui-icon">&#xe602;</i>
    </div>
    <div class="site-mobile-shade"></div>


    <div class="fly-panel fly-panel-user" pad20>
        <div class="layui-tab layui-tab-brief">
            <ul class="layui-tab-title" id="LAY_mine">
                <li class="layui-this" lay-id="info">我的资料</li>
                <li>头像</li>
                <li>密码</li>
            </ul>
            <div class="layui-tab-content" style="padding: 20px 0;">
                <!--基本信息修改-->
                <div class="layui-form layui-form-pane layui-tab-item layui-show">
                    <div class="layui-form">
                        <!--邮箱-->
                        <div class="layui-form-item">
                            <label for="L_email" class="layui-form-label">邮箱</label>
                            <div class="layui-input-inline">
                                <input type="text" id="L_email" name="Email" required
                                       autocomplete="off" value="{$i.Email}" class="layui-input">
                            </div>
                            <div class="layui-form-mid layui-word-aux">你的邮箱
                            </div>
                        </div>
                        <!--昵称-->
                        <div class="layui-form-item">
                            <label for="L_username" class="layui-form-label">昵称</label>
                            <div class="layui-input-inline">
                                <input type="text" id="L_username" name="Name" required lay-verify="required"
                                       autocomplete="off" value="{$i.Name}" class="layui-input">
                            </div>
                            <div class="layui-inline">
                                <div class="layui-input-inline">
                                    {if condition="$i.Sex eq '男'"}
                                    <input type="radio" name="Sex" value="男" checked title="男">
                                    <input type="radio" name="Sex" value="女" title="女">
                                    {else /}

                                    <input type="radio" name="Sex" value="男" title="男">
                                    <input type="radio" name="Sex" value="女" checked title="女">

                                    {/if}
                                </div>
                            </div>
                        </div>
                        <!--城市-->
                        <div class="layui-form-item">
                            <label for="L_city" class="layui-form-label">城市</label>
                            <div class="layui-input-inline">
                                <input type="text" id="L_city" name="city" autocomplete="off" value="{$i.city}"
                                       class="layui-input">
                            </div>
                        </div>
                        <!--签名-->
                        <div class="layui-form-item layui-form-text">
                            <label for="L_sign" class="layui-form-label">签名</label>
                            <div class="layui-input-block">
                                <textarea placeholder="随便写些什么刷下存在感" id="L_sign" name="sign" autocomplete="off"
                                          class="layui-textarea" style="height: 80px;">{$i.sign}</textarea>
                            </div>
                        </div>
                        <!--修改-->
                        <div class="layui-form-item">
                            <button class="layui-btn" lay-submit lay-filter="baseinfo">确认修改</button>
                        </div>
                    </div>
                </div>

                <!--头像修改-->
                <div class="layui-form layui-form-pane layui-tab-item">
                    <div class="layui-form-item">
                        <div class="avatar-add">
                            <p>建议尺寸168*168，支持jpg、png、gif，最大不能超过50KB</p>
                            <button type="button" class="layui-btn upload-img" id="logobtn">
                                <i class="layui-icon">&#xe67c;</i>上传头像
                            </button>
                            <img src="__PUBLIC__/{$Think.session.ucover}" id="logoimg">
                            <span class="loading"></span>
                        </div>
                    </div>
                </div>

                <!--密码修改-->
                <div class="layui-form layui-form-pane layui-tab-item">
                    <form   method="post">
                        <div class="layui-form-item">
                            <label for="L_nowpass" class="layui-form-label">当前密码</label>
                            <div class="layui-input-inline">
                                <input type="password" id="L_nowpass" name="nowpwd" required lay-verify="required"
                                       autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label for="L_pass" class="layui-form-label">新密码</label>
                            <div class="layui-input-inline">
                                <input type="password" id="L_pass" name="pwd" required lay-verify="required"
                                       autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid layui-word-aux">6到16个字符</div>
                        </div>
                        <div class="layui-form-item">
                            <label for="L_repass" class="layui-form-label">确认密码</label>
                            <div class="layui-input-inline">
                                <input type="password" id="L_repass" name="repwd" required lay-verify="required"
                                       autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <button class="layui-btn" key="set-mine" lay-filter="repwd" lay-submit>确认修改</button>
                        </div>
                    </form>
                </div>


            </div>

        </div>
    </div>
</div>
{/block}
{block name='script'}
<script>
    layui.use(['form', 'jquery', 'layer', 'upload'], function () {
        var form = layui.form;
        var layer = layui.layer;
        var $ = layui.jquery;
        var upload = layui.upload;


        //基本信息修改
        form.on('submit(baseinfo)', function (data) {
            var userdata = data.field;
            $.post("{:url('user/setBaseInfo')}", userdata, function (res) {
                if (res.errno === 0) return layer.msg(res.errmsg);
                if (res.errno === -1) return layer.msg(res.errmsg);
                if (res.errno === 1) return layer.msg(res.errmsg);
            });
            return false;
        });


        //修改密码
        form.on('submit(repwd)', function (data) {
            var userdata = data.field;
            $.post("{:url('user/setPwd')}", userdata, function (res) {
                if(res.errno===0) return layer.msg('修改成功');
                return layer.msg(res.errmsg);
            });
            return false;
        });

        //头像修改
        var uploadInst = upload.render({
            elem: '#logobtn'
            , url: "{:url('base/upload')}"
            , before: function (obj) {
                //预读本地文件示例，不支持ie8
                obj.preview(function (index, file, result) {
                    $('#logoimg').attr('src', result); //图片链接（base64）
                });
            }
            , done: function (res) {
                console.log(res);

                //如果上传失败
                if (res.errno === 0) {
                    //上传头像
                    $.post("{:url('user/setCover')}", {"Cover": res.data}, function (res) {
                        if (res.errno === 0) return layer.msg('头像修改成功');
                        else return layer.msg('系统繁忙,请稍后再试');
                    });

                }
                //上传成功
            }
            , error: function () {
                return layer.msg('系统繁忙,请稍后再试');
            }
        });
    });

</script>
{/block}}